<!-- 分类 -->
<template>
	<view class="category-box">
		<!-- 三级分类 -->
		<three-catgory :categoryStyleId="categoryStyleId" v-if="categoryType === 4"></three-catgory>
		<!-- 二级分类 -->
		<two-catgory :categoryStyleId="categoryStyleId" v-if="categoryType === 3"></two-catgory>
		<!-- 一级分类-->
		<one-catgory :categoryStyleId="categoryStyleId" v-if="categoryType === 2" :categoryids="categoryids"></one-catgory>
		<!--直接购买，点餐 -->
		<takeout-catgory :categoryStyleId="categoryStyleId" v-if="categoryType === 1" :categoryids="categoryids"></takeout-catgory>
		<!-- 登录提示 -->
		<shopro-auth-modal v-if="authType"></shopro-auth-modal>
		<!-- <shopro-tabbar></shopro-tabbar> -->
	</view>
</template>

<script>
	import takeoutCatgory from './category/takeout-catgory.vue';
	import threeCatgory from './category/three-catgory.vue';
	import twoCatgory from './category/two-catgory.vue';
	import oneCatgory from './category/one-catgory.vue';
	import {
		mapMutations,
		mapActions,
		mapState,
		mapGetters
	} from 'vuex';
	export default {
		components: {
			takeoutCatgory,
			threeCatgory,
			twoCatgory,
			oneCatgory
		},
		data() {
			return {
				categoryids: '', //区别会员商品
				categoryType: 0, //1:快速购买,2:一级分类，3:二级分类，4:三级分类
				categoryStyleId: 0 //分类Id
			};
		},
		computed: {
			...mapGetters(['authType'])
		},
		onShow() {
			this.categoryType=0;
			this.categoryStyleId=0;
			console.log(this.$refs.child, 'this.$refs.child')
			uni.removeStorageSync('clinc_score_id');
			this.getCategory();
			
			
		},
		onLoad() {
			this.getCategory();
		},
		methods: {
			/**
			 * 获取分类数据
			 *  type4:三级分类， type3:二级分类 ,type2:一级分类,type1:快速购买
			 */
			getCategory() {
				this.categoryids = this.$store.state.category;
				console.log('------------');
				console.log(this.categoryids)
				console.log('------------');
				
				this.$http('category.info', {
					id: this.$Route.query.id ? this.$Route.query.id : 0,
					categoryids:this.categoryids
				}).then(res => {
					if (res.code === 1) {
						if (res.data?.type) {
							this.categoryType = Number(res.data.type);
							this.categoryStyleId = Number(res.data.id);
							// uni.setNavigationBarTitle({
							// 	title: res.data?.name
							// });
						}
					}
				});
			}
		}
	};
</script>

<style lang="scss">
	.category-box {
		height: 100%;
		flex: 1;
		overflow: hidden;
	}
</style>
